<template>
  <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 py-2 gap-4 md:gap-2 gva-container2">
    <gva-card custom-class="col-span-1 h-32">
      <gva-chart :type="1" title="总数据量" />
    </gva-card>
    <gva-card custom-class="col-span-1 h-32">
      <gva-chart :type="2" title="总占用空间数量" />
    </gva-card>
    <gva-card custom-class="col-span-1 h-32">
      <gva-chart :type="3" title="开放数据量" />
    </gva-card>
    <gva-card custom-class="col-span-1 h-32">
      <gva-chart :type="4" title="共享数据量" />
    </gva-card>

    <gva-card title="超级节点数据量" custom-class="col-span-1 md:col-span-2  row-span-2">
      <gva-chart :type="10" />
    </gva-card>
    <gva-card title="数据量趋势图" custom-class="col-span-1   md:col-span-2 row-span-2">
      <gva-chart :type="11" />
    </gva-card>
  </div>
</template>

<script setup>
import { GvaPluginTable,GvaTable, GvaChart, GvaWiki , GvaNotice , GvaQuickLink , GvaCard , GvaBanner } from "./componenst"
</script>

<style lang="scss" scoped>
</style>
